<template>
  <div class="app-container">
    <header-top></header-top>
    <div class="app-body">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
import headerTop from './components/indexPage/headerTop'
export default {
  name: 'App',
  components: {
    headerTop
  }
}
</script>

<style lang="scss" scoped>
.app-container{
  height: 100%;
  background-color: #00092c;
  background-image: url(./assets/images/app-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  .app-body{
    box-sizing: border-box;
    height: calc(100vh - 80px);
    overflow: hidden;
    padding: 20px;
    padding-top: 50px;
  }
}
</style>
